<template>
  <div id="app">
    <!-- 路由视图 -->
    <router-view />
  </div>
</template>

<script setup>
// 使用Composition API的setup语法
// 这里可以添加全局的逻辑，比如用户认证状态检查等
import { onMounted } from 'vue'
import { useStore } from 'vuex'

const store = useStore()

// 组件挂载时初始化应用
onMounted(() => {
  // 检查用户登录状态
  store.dispatch('user/checkAuthStatus')
  
  // 加载购物车数据
  store.dispatch('cart/loadCartFromStorage')
})
</script>

<style>
#app {
  min-height: 100vh;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}
</style> 